<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Contact List</title>
</head>

<body>
    <div class="container c25">
        <h2 class="tpm success bmm"><img src="views/images/users.png" width="24" height="24" />&nbsp;Contacts</h2>
        <div class="box prepend1 pad" >
            <form id="contact" method="post">
                <label class="column c4">Name:</label><input class="textbox" name="name" size="30" /><br />
                <label class="column c4">Address:</label><input class="textbox" name="address" size="30" /><br />
                <label class="column c4">Phone:</label><input class="textbox" name="phone" size="30" /><br />
                <hr />
                <input id="cmdsave" type="submit" class="button" value="Add Contact" />&nbsp;
                <input id="cmdcancel" type="button" class="button cancel hide" value="Cancel" />
            </form>
        </div>
        <div id="msg" class="tpm"></div>
        <div id="list">
            <div class="pad bmb">
                <span class="right">
                    <a class="edit v:{id}" href="#">Edit</a>&nbsp;/&nbsp;
                    <a class="remove v:{id}" href="#">Remove</a>
                </span>
                <h3 class="bottom"><img src="views/images/user.png" width="16" height="16" /> {name}</h3>
                Address:{address} / Phone: {phone}
            </div>
        </div>
        <p>&nbsp;</p>
    </div>
</body>

</html>